<!-- 首页 -->
<template>
  <div class="home-wp com-main">

    <el-select style="width: 100%;" v-model="elVal" placeholder="请选择">
      <el-option
        v-for="item in elList"
        :key="item.value"
        :label="item.label"
        :value="item.value">
      </el-option>
    </el-select>


    <br><br><br><br>

    <my-select-tree></my-select-tree>

    <el-button @click="$refs.cs.open()">测试弹窗</el-button>

    <cs-dialog ref="cs"></cs-dialog>

  </div>
</template>
<script>

import mySelectTree from "@/components/my-select-tree.vue";

import csDialog from "@/dialogs/home/cs.vue";

export default {
  name: 'home',
  components: {
    mySelectTree,
    csDialog,
  },
  data () {
    return {
      // 列表
      data: [
        {id: '1', value: '1', label: '首页'},
        {id: '2', value: '2', label: '系统管理', children: [
          {id: '2_1', value: '2_1', label: '系统01'},
          {id: '2_2', value: '2_2', label: '系统02'},
          {id: '2_3', value: '2_3', label: '系统03'},
          {id: '2_4', value: '2_4', label: '系统04'},
        ]},
        {id: '3', value: '3', label: '用户管理', children: [
          {id: '3_1', value: '3_1', label: '用户01'},
          {id: '3_2', value: '3_2', label: '用户02'},
          {id: '3_3', value: '3_3', label: '用户03'},
          {id: '3_4', value: '3_4', label: '用户04'},
        ]},
        {id: '4', value: '4', label: '客户管理', children: [
          {id: '4_1', value: '4_1', label: '客户01'},
          {id: '4_2', value: '4_2', label: '客户02'},
          {id: '4_3', value: '4_3', label: '客户03'},
          {id: '4_4', value: '4_4', label: '客户04'},
        ]},
      ],

      // el-select
      elVal: '',
      elList: [
        {label: 'aaa', value: '1'},
        {label: 'bbb', value: '2'},
        {label: 'ccc', value: '3'},
        {label: 'ddd', value: '4'},
        {label: 'eee', value: '5'},
        {label: 'fff', value: '6'},
        {label: 'ggg', value: '7'},
        {label: 'hhh', value: '8'},
        {label: 'iii', value: '9'},
        {label: 'jjj', value: '10'},
        {label: 'kkk', value: '11'},
        {label: 'lll', value: '12'},
        {label: 'mmm', value: '13'},
        {label: 'nnn', value: '14'},
        {label: 'ooo', value: '15'},
        {label: 'ppp', value: '16'},
        {label: 'qqq', value: '17'},
      ]


    }
  },
  mounted () {

  },
  methods: {
  }
}
</script>
<style lang="scss" scoped>
.home-wp {
}
</style>